<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		 /* 后代选择器：选中father下的所有p标签，不区分儿子还是孙子  */
		  .father p{
		  	background: green;
		  }
		  .father .son ul .it{
		  	font-size: 30px;
		  }
		  /*子代选择器：
		  只选儿子 不选后代
		  父元素>子元素 必须是亲儿子，亲孙子也不行*/
		  .son>p{
		  	text-decoration: underline;
		  }
	</style>
</head>
<body>
	<p class="it">b版本号</p>
	<div class="father">
		<div class="son">
			<p>原神</p>
			<span>无限暖暖</span>
			<ul>
				<li class="it">lol</li>
				<li class="it">王者荣耀</li>
				<li class="it">和平精英</li>
				<li>火影忍者</li>
				<ul>
					<li>网吧特权</li>
					<li>
						<p>啊嘻嘻哈哈</p>
					</li>
				</ul>
			</ul>
		</div>
	</div>

</body>
</html>